// 导入路由对象
import { createRouter, createWebHistory } from 'vue-router'
// 导入 单文件组件(页面)
import HomeView from '../views/HomeView.vue'
import IKunView from '../views/IKunView.vue'

// 创建路由
const router = createRouter({
  // 使用的是哪种模式
  history: createWebHistory(import.meta.env.BASE_URL),
  // 配置路由表
  routes: [
    {
      // 路径
      path: '/',
      // 路由的别名
      name: 'home',
      // 组件
      component: HomeView,
    },
    {
      // 路径
      path: '/ikun',
      // 路由的别名
      name: 'ikun',
      // 组件
      component: IKunView,
    },
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      // 路由懒加载,用到了这个路由才会去解析
      component: () => import('../views/AboutView.vue'),
    },
  ],
})

export default router
